$menu-bg-color1: $primary-color;
$menu-bg-color2: #FF4D4F;
$menu-bg-color3: #FA8D15;
$menu-bg-color4: #16C2C0;
$menu-bg-color5: #369E0E;
$menu-bg-color6: #2F54EB;
$menu-bg-color7: #9154DE;

.learun-theme-nav-side3 {

  .learun-header {
    background-color: white;

    &:after {
      background-color: $border-color-split;
    }

    .learun-header-logo .text {
      color: $heading-color;
    }

    .el-avatar {
      background-color: $primary-color-light;
      color: $primary-color;
    }

    &--icon-btn {
      color: $text-color-secondary;

      &:hover {
        color: $text-color-secondary;
      }

      &:not(.noBg):before {
        content: ' ';
        position: absolute;
        height: 24px;
        width: 24px;
        //background-color: $background-color;
        border-radius: 16px;
        top: 0;
        left: 8px;
        border: 1px solid $background-color;
      }
    }

  }

  .learun-sidebar {
    z-index: 1027;
  }


  /*菜单选项卡调整*/
  .learun-tags {
    .el-tabs--card>.el-tabs__header .el-tabs__nav {
      padding-top: 0;
    }

    .el-tabs--card>.el-tabs__header .el-tabs__item {
      height: $tag-height;
      line-height: $tag-height;
      color: $text-color-secondary;

      &:after {
        content: '';
        position: absolute;
        bottom: 0;
        height: 2px;
        left: 50%;
        right: 50%;
        background: $primary-color;
        transition: all .3s;
      }

      &.is-active {
        color: $primary-color;
        background: transparent !important;

        &:after {
          left: 8px;
          right: 8px;
        }
      }

      &:hover {
        color: $primary-color;
      }

      .el-icon-close:hover {
        background-color: $primary-color  !important;
      }
    }
  }

}